<template>
    <div id="Category">
        <!--面包屑导航-->
        <MyCrumb></MyCrumb>
        <!--分类属性-->
        <Attribute></Attribute>

        <!--左侧分类和商品-->

        <div class="centent">
            <div class="left">
                <CateLeft></CateLeft>
                <Leftgoods></Leftgoods>
            </div>
            <div class="right">
                <CateRight></CateRight>
            </div>
        </div>

    </div>
</template>

<script>
import MyCrumb from '@/components/crumb/MyCrumb'
import Attribute from '@/components/attribute/attribute'
import CateLeft from '@/components/cateLeft/cateLeft'
import CateRight from '@/components/cateLeft/cateRight'
import Leftgoods from '@/components/cateLeft/rowgoods'
export default {
    name:'Category',
    components:{
        MyCrumb,
        Attribute,
        CateLeft,
        CateRight,
        Leftgoods
    }
}
</script>

<style lang="scss" scoped>
.centent{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.centent .left{
    width: 218px;
}
.centent .right{
    width: 967px;
    margin-left:13px ;
}
</style>